<!-- 页面中的内容 -->

<!-- 搜索 -->
<!-- <div class="form-div search_form_div">
    <form method="GET" name="search_form">
		<p>
			品牌名称：
	   		<input type="text" name="brand_name" size="30" value="" />
		</p>
		<p><input type="submit" value=" 搜索 " class="button" /></p>
    </form>
</div> -->
<!-- 列表 -->
<div class="list-div" id="listDiv">
	<table cellpadding="3" cellspacing="1">
    	<tr>
    		<th width="3%"><input type="checkbox" /></th>
    		<th width="3%">ID</th>
            <th>品牌名称</th>
            <th>英文名称</th>
            <th>网站地址</th>
            <th>品牌logo</th>
            <th>前台状态</th>
            <th>品牌描述</th>
            <th>排序</th>
			<th width="60">操作</th>
        </tr>
		{volist name="brands" id="brand"}       
			<tr class="tron">
				<td><input type="checkbox" /></td>
				<td>{$brand.bid}</td>
				<td>{$brand.brand_name}</td>
				<td>{$brand.brand_name_en}</td>
				<td>{$brand.brand_web_url}</td>
				<td>{if condition="$brand['brand_logo']"}<img src="{$brand.brand_logo}" width="100" alt="">{/if}</td>
				<td>{if condition="$brand['brand_status']"}展示{else /}隐藏{/if}</td>
				<td>{$brand.brand_desc}</td>
				<td><input type="text" class="sort" value="{$brand.sort}" style="width:30px;text-align: center;" /></td>
		        <td align="center">
		        	<a href="{:url('editShow',['id'=>$brand['bid']])}" title="编辑">编辑</a> |
	                <a href="javascript:;" bid="{$brand.bid}" class="del_btn" title="移除">移除</a> 
		        </td>
	        </tr>         
		{/volist}
		<tr>
        	<td colspan="10" style="text-align: center;">
        		{$brands->render()}
        	</td>
        </tr>
	</table>
</div>
<script>
	//异步排序
	var sort = $('.sort');//所有排序input
	var oldVal = 0;//初始值
	var editVal = 0;//修改值
	var url = '{:url("sort")}';//请求地址
	var id = 0;//要修改品牌id

	//获取焦点时，记住原值，用于修改失败后还原值
	sort.focus(function() {

		oldVal = $(this).val();
		
	});

	//当排序值改变时，发出ajax请求
	sort.change(function() {

		//获取修改值
		editVal = $(this).val();
		id  = $(this).parents('tr').find('td').eq(1).html();
		
		//判断是不是数字
		if( !editVal.match(/^\d+$/) ) {

			alert('请填写合法数字！');
			$(this).val(oldVal);
			return false;
		}

		//异步排序
		$.get(url,{id:id,sort:editVal},function( data ){

			if( data.status ){

				location.reload();

			}else{

				alert(data.msg);

			}

		},'json');
	});

	//异步删除
	$('.del_btn').click(function(){

		//给用户友好提示
		if( !confirm("确定要删除吗？") ){
			return false;
		}

		//ajax异步删除
		var id = $(this).attr('bid');//属性id
		var url = "{:url('del')}";//提交位置
		var oTr = $(this).parents('tr');
		var name = oTr.find('td').eq(2).html();

		$.get(url,{id:id,name:name},function( $data ) {
			
			if($data['status']) {

				oTr.fadeOut('slow', function() {
					oTr.remove();
				});

			}else{
				alert($data['msg']);
			}

		},'json');

	});
</script>